<!DOCTYPE html>
<html data-bs-theme="light" lang="zh" style="background: #e3e3e3; height: 100%;">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>课堂革命</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/bs-theme-overrides.css">
    <link rel="stylesheet" href="assets/css/Bold-BS4-CSS-Image-Slider.css">
    <link rel="stylesheet" href="assets/css/ch.css">
    <link rel="stylesheet" href="assets/css/Footer-Dark-Multi-Column-icons.css">
    <link rel="stylesheet" href="assets/css/Lightbox-Gallery-No-Gutters-baguetteBox.min.css">
    <link rel="stylesheet" href="assets/css/Team-images.css">
</head>

<body style="background: #f9f9f9; height: 100%;">
    <nav class="navbar navbar-expand fixed-top py-3">
        <div class="container-fluid" style="margin-left: 2rem;margin-right: 2rem;">
            <img class=" d-none d-lg-block" src="./assets/img/LOGOw.webp" alt="" style="margin-right: 3rem;">



            <div id="navcol-1" class="collapse navbar-collapse">
                <ul class="navbar-nav me-auto fs-5 flex-wrap">
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./ALSP.html">案例视频</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./DWJS.html">队伍建设</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./KCJS.html">课程建设</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./JXSJ.html">教学设计</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./XSZS.html">学生展示</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./XGPJ.html">效果评价</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./ZDJS.html">制度建设</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./CXYSF.html">创新示范</a>
                    </li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./FSGJ.html">反思改进</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./JAZS.html">教案展示</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./CGZZ.html">成果佐证</a></li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./KCSFYL.html">示范引领</a>
                    </li>
                    <li class="nav-item"><a class="nav-link text-white" target="_blank" href="./ALTG.html">案例推广</a>
                    </li>
                </ul>
            </div>
            <hr class="fixed-top" style="border-width: 3px; border-color: #fff; margin-top: 6rem;">
        </div>


    </nav>

    <!-- Start: Hero Carousel -->
    <div class="carousel slide" data-bs-ride="carousel" id="carousel-1" style="height: 100%; color: #fff;">
        <div class="carousel-inner h-100">
            <div class="carousel-item active h-100"
                style="background-image: url(./assets/img/l1.webp);background-repeat: no-repeat; background-size: cover;">
                <div class="container-fluid d-flex flex-column justify-content-center h-100">
                    <div class="row">
                        <div class="col" style="margin-left: 3%;">
                            <div>
                                <h1 class="text-uppercase fw-bold display-1">课程建设</h1>
                                <p class="my-3 fs-5 d-none d-lg-block" style="max-width: 40rem;">
                                    课程是教育教学的核心，是“三教”改革的基础，决定着“教什么”和“学什么”的问题。课程建设是现代职业教育改革的重要内容，包括课程设计、课程实施、课程评价等多个方面。通过课程建设，可以优化教学内容，更新教学方法，提高教学质量，培养适应社会需求的高素质人才。
                                </p><a class="btn btn-primary btn-lg me-2 border-3 rounded-pill" role="button"
                                    style="font-size: 2rem;" href="./KCJS.html" target="_blank">了解详情</a>
                            </div>
                        </div>

                    </div>
                </div><!-- End: 1 Row 1 Column -->
            </div>
            <div class="carousel-item  h-100"
                style="background-image: url(./assets/img/l2.webp);background-repeat: no-repeat; background-size: cover;">
                <div class="container-fluid d-flex flex-column justify-content-center h-100">
                    <div class="row">
                        <div class="col" style="margin-left: 3%;">
                            <div>
                                <h1 class="text-uppercase fw-bold display-1">队伍建设</h1>
                                <p class="my-3 fs-5 d-none d-lg-block" style="max-width: 40rem;">
                                    教师是教育教学的主体，是“三教”改革的关键，决定“谁来教”“怎么教”的问题；教材是课程建设与教学内容改革的重要载体，承载“教什么”“学什么”的问题；教法是教师依托教材如何有效传授知识和技能的科学途径，决定“怎么教”的问题，“三教”改革成为现代职教改革的重中之重。
                                </p><a class="btn btn-primary btn-lg me-2 border-3 rounded-pill" role="button"
                                    style="font-size: 2rem;" href="./DWJS.html" target="_blank">了解详情</a>
                            </div>
                        </div>

                    </div>
                </div><!-- End: 1 Row 1 Column -->
            </div>
            <div class="carousel-item  h-100"
                style="background-image: url(./assets/img/l3.webp);background-repeat: no-repeat; background-size: cover;">
                <div class="container-fluid d-flex flex-column justify-content-center h-100">
                    <div class="row">
                        <div class="col" style="margin-left: 3%;">
                            <div>
                                <h1 class="text-uppercase fw-bold display-1">效果评价</h1>
                                <p class="my-3 fs-5 d-none d-lg-block" style="max-width: 40rem;">
                                    效果评价可以通过多种方式进行，例如考试成绩、学生反馈、教师评价、用人单位反馈等。通过这些评价方式，可以了解学生对课程知识的掌握情况，以及课程对学生的职业能力培养是否有效。如果发现课程存在不足之处，可以及时进行调整和改进，不断提高课程的质量和效果。
                                </p><a class="btn btn-primary btn-lg me-2 border-3 rounded-pill" role="button"
                                    style="font-size: 2rem;" href="./XGPJ.html" target="_blank">了解详情</a>
                            </div>
                        </div>

                    </div>
                </div><!-- End: 1 Row 1 Column -->
            </div>
            <div class="carousel-item  h-100"
                style="background-image: url(./assets/img/l4.webp);background-repeat: no-repeat; background-size: cover;">
                <div class="container-fluid d-flex flex-column justify-content-center h-100">
                    <div class="row">
                        <div class="col" style="margin-left: 3%;">
                            <div>
                                <h1 class="text-uppercase fw-bold display-1">创新示范</h1>
                                <p class="my-3 fs-5 d-none d-lg-block" style="max-width: 40rem;">
                                    通过创新示范，可以探索新的教育教学模式，引领职业教育改革的发展，可以推动职业教育的现代化进程，提高人才培养的质量和水平。同时，创新示范也可以为其他学校或地区提供可借鉴的经验和示范，推动职业教育的普及化和优质化。
                                </p><a class="btn btn-primary btn-lg me-2 border-3 rounded-pill" role="button"
                                    style="font-size: 2rem;" href="./CXYSF.html" target="_blank">了解详情</a>
                            </div>
                        </div>

                    </div>
                </div><!-- End: 1 Row 1 Column -->
            </div>
            <div class="carousel-item  h-100"
                style="background-image: url(./assets/img/l5.webp);background-repeat: no-repeat; background-size: cover;">
                <div class="container-fluid d-flex flex-column justify-content-center h-100">
                    <div class="row">
                        <div class="col" style="margin-left: 3%;">
                            <div>
                                <h1 class="text-uppercase fw-bold display-1">示范引领</h1>
                                <p class="my-3 fs-5 d-none d-lg-block" style="max-width: 40rem;">
                                    示范引领是通过优秀的教学案例、教学团队、教学资源等，为其他教师提供可借鉴的经验和模板，推广先进的教学理念和方法，提高教学质量和水平，推动职业教育的现代化进程。
                                </p><a class="btn btn-primary btn-lg me-2 border-3 rounded-pill" role="button"
                                    style="font-size: 2rem;" href="./KCSFYL.html" target="_blank">了解详情</a>
                            </div>
                        </div>

                    </div>
                </div><!-- End: 1 Row 1 Column -->
            </div>

        </div>
        <div>

            <!-- Start: Next -->
            <h1 id="nextt" class=" d-none d-lg-block" style="position: absolute; top: 35%; right: 320px;">队伍建设</h1>

            <a class="carousel-control-next  d-none d-lg-block" href="#carousel-1" role="button" data-bs-slide="next"
                style="width: auto;top:40%;bottom: auto; opacity: 0.8; transition: opacity 0.3s ease;"
                onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.8';">

                <img id="nextImage" src="./assets/img/ls2.webp" alt="" style="height: 216px;">

                <img src="./assets/img/right.webp" alt="" style="height: 20%;">
            </a>
            <!-- End: Next -->
        </div>
        <div class="carousel-indicators" style="z-index: 10000;"><button type="button" data-bs-target="#carousel-1"
                data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1"
                data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1"
                data-bs-slide-to="2"></button><button type="button" data-bs-target="#carousel-1"
                data-bs-slide-to="3"></button><button type="button" data-bs-target="#carousel-1"
                data-bs-slide-to="4"></button></div>
    </div><!-- End: Hero Carousel -->



    <nav class="navbar navbar-expand fixed-bottom py-3">
        <div class="row"></div>
        <div class="container-fluid " style="margin-left: 2rem;margin-right: 2rem; color: #fff">
            <!-- <div class="row justify-content-between" style="color: #fff;width: 30%; margin-bottom: 1.5%;"> -->

            <div class="col" style="margin-left: 3%">
                <div>
                    <h1 class="text-uppercase fw-bold fs-1">数智赋能 产学同步</h1>
                    <p class="my-3 fs-5">
                        《三维模型基础》“产学课堂”课堂革命创新与实践
                    </p>
                </div>
            </div>
            <div class="col" style="text-align: right;">
                <div>
                    <p class="fs-5">
                        <b class="fs-4">牟向宇</b> <br>
                        刘宜东、郑玲、范伊然、罗坚、代文豪
                    </p>
                </div>
            </div>
        </div>
    </nav>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/Lightbox-Gallery-No-Gutters-baguetteBox.min.js"></script>
    <script src="assets/js/Lightbox-Gallery-No-Gutters-Lightbox-Gallery.js"></script>
    <script>
        // 获取轮播元素
        var carousel = document.getElementById("carousel-1");
        // 获取下一页图片元素
        var nextImage = document.getElementById("nextImage");
        var nextText = document.getElementById("nextt");


        // 添加Bootstrap轮播事件的监听器
        carousel.addEventListener("slid.bs.carousel", function (event) {
            // 获取当前轮播项的索引
            var activeIndex = Array.from(event.target.querySelectorAll(".carousel-item")).indexOf(event.relatedTarget);

            // 根据轮播项的索引切换下一页图片
            switch (activeIndex) {
                case 0:
                    nextImage.src = "./assets/img/ls2.webp";
                    nextText.innerHTML = "队伍建设";
                    break;
                case 1:
                    nextImage.src = "./assets/img/ls3.webp";
                    nextText.innerHTML = "效果评价";
                    break;
                case 2:
                    nextImage.src = "./assets/img/ls4.webp";
                    nextText.innerHTML = "创新示范";
                    break;
                case 3:
                    nextImage.src = "./assets/img/ls5.webp";
                    nextText.innerHTML = "示范引领";
                    break;
                case 4:
                    nextImage.src = "./assets/img/ls1.webp";
                    nextText.innerHTML = "课程建设";
                    break;
                default:
                    // 默认情况下，切换到默认的图片路径
                    nextImage.src = "./assets/img/ls2.webp";
                    nextText.innerHTML = "课程建设";
            }
        });

    </script>
</body>

</html>